<ion-view view-title="晚唐" hide-nav-bar="true">
	<style>
		.h4title{
			z-index: 11;margin-top: 11px;margin-left: 168px;text-align: center;position: absolute;color: #f8f8f8;
		}
		.pword{
			z-index: 11;margin-top: 310px;margin-left: 195px;position: absolute;color: #f8f8f8;
		}
		.tupian{
			margin-top: 100px;margin-left: 220px;width: 120px;position: absolute;z-index: 11;opacity: 0.90;display: block;
		}
	</style>
	
	<style>
		.logo-x {
				
				
				animation-name: breath;
				animation-duration: 3s;
				animation-timing-function: ease-in-out;
				animation-iteration-count: infinite;
				/* 播放次数：无限 */
				/* Safari and Chrome */
				-webkit-animation-name: breath;
				/* 动画名称 */
				-webkit-animation-duration: 3s;
				/* 动画时长3秒 */
				-webkit-animation-timing-function: ease-in-out;
				/* 动画速度曲线：以低速开始和结束 */
				-webkit-animation-iteration-count: infinite;
				/* 播放次数：无限 */
				opacity: 0.4;
			}
			
			@keyframes breath {
				from {
					opacity: 0.4;
				}
				/* 动画开始时的不透明度 */
				50% {
					opacity: 1;
				}
				/* 动画50% 时的不透明度 */
				to {
					opacity: 0.4;
				}
				/* 动画结束时的不透明度 */
			}
			
			@-webkit-keyframes breath {
				from {
					opacity: 0.4;
				}
				/* 动画开始时的不透明度 */
				50% {
					opacity: 1;
				}
				/* 动画50% 时的不透明度 */
				to {
					opacity: 0.4;
				}
				/* 动画结束时的不透明度 */
			}
	</style>
<ion-content has-bouncing="false" scroll="false">
	<ion-side-menus>
		<ion-side-menu-content id="ion-side-menu-content" style="z-index: 5;background-image: url(./img/22.jpg)">
			<ion-content style="z-index: 10;background-image: url();background-repeat:no-repeat;" on-double-tap="goTopart2()">
				<!--<div></div>-->
				
			</ion-content>
			<div class="logo-x" style="position: absolute;right: 0;top:0;height: 100%;width: 25px;z-index: 990;box-shadow:-8px 0 35px #fff">&nbsp;</div>
			<img src="./img/2.jpg" style="position: absolute;right: 0;top:0;height: 100%;width: 25px;z-index: 999;">
			
			<img id='fuGai' src="./img/fugai.jpg" style="position: absolute;z-index: 10;opacity: 0.80;display: none;">

			<div id='div_faxing1' style="display: none;">
				<img src="./img/hairstyle1_2.png" class="tupian">

				</img>
				<h4 class="h4title">
	              	 双环垂髻
	            </h4>
				<p class="pword">
					将发分为两部分，在头
					<br> 
					的两侧各盘成上卷下垂
					<br> 
					环。一般未婚女子或宫
					<br> 
					女、童仆多梳此发髻，
					<br> 
					据传这种法式在战国时
					<br> 
					已有，唐代还把它示为
					<br>
					未婚女子的标志。
					</p>
			</div>

			<div id='div_faxing2' style="display: none;">
				<img src="./img/hairstyle2_2.png" class="tupian"/>
				<h4 class="h4title">
		                   飞仙髻
	            </h4>
				<p class="pword">
					其式绾发于顶，呈飞动状。
					<br> 
					据《炙毂子》记载：“汉武
					<br> 
					帝时，王母降，诸仙髻皆异
					<br> 
					人间，帝令宫中效之，号飞
					<br> 
					仙髻。”多用于仙女与未出室
					<br>
					少女。
					<br>
				</p>
			</div>

			<div id='div_faxing3' style="display: none;">
				<img src="./img/hairstyle3_2.png" class="tupian"/>
				<h4 class="h4title">
                随云髻
            </h4>
				<p class="pword">
					将发分几股，似拧麻花地
					<br> 
					把发蟠曲扭转盘结于头顶
					<br> 
					或两侧。这种发式灵活旋
					<br> 
					动，很助美姿。拧旋式变
					<br> 
					化一般有侧拧、交拧、叠
					<br> 
					拧等几种形式。“随云髻”
					<br> 
					类似侧拧之形式，其髻如
					<br> 
					随云卷动。据《国宪家猷
					<br> 
					》记载：“陈宫梳随云髻”
					<br> 
					这种发式生动灵转，颇为
					<br> 
					仕女所好。
					<br>
				</p>
			</div>

			<div id='div_fashi1' style="display: none;">
				<img src="./img/acce2_2.png" class="tupian">

				</img>
				<h4 class="h4title">
                金簪
            </h4>
				<p class="pword">
					簪、钗与步摇均是古代妇
					<br> 
					女头上的发饰，是古人用
					<br> 
					来插发髻或连冠于发的一
					<br> 
					种长针，后来专指妇女插
					<br> 
					髻的首饰。其质地多种,
					<br> 
					有金、银、玉、骨及美石
					<br>
					等。
					<br>
				</p>
			</div>

			<div id='div_fashi2' style="display: none;">
				<img class="tupian" src="./img/headwear2.png"/>
				<h4 class="h4title">
                唐代鎏金双凤发饰
            </h4>
				<p class="pword">
					灵芝凤纹发饰，乃唐
					<br> 
					代所制的青铜鎏金精
					<br> 
					品，造型及纹饰富时
					<br> 
					代风格，这种古饰物
					<br> 
					留存至今而仍无大缺
					<br> 
					损者可能独一无二，
					<br>
					难有雷同。双凤分立
					<br> 
					两旁，中为大火珠，
					<br> 
					下方浮雕纹；从中可
					<br> 
					见那时的高超鎏金工
					<br>
					艺，影响宋、元、明、
					<br>
					清各朝的饰物。
					<br>

				</p>
			</div>

			<div id='div_fashi3' style="display: none;">
				<img class="tupian" src="./img/headwear3_2.png" />
				<h4 class="h4title">
                唐代金镶玉步摇
            </h4>
				<p class="pword">
					步摇属于簪的一类，一般
					<br> 
					形式多为凤凰、蝴蝶等，
					<br> 
					或缀有流苏或是珠串，女
					<br> 
					子走路时，金饰会随着摆
					<br> 
					动，栩栩如生，故名取其
					<br> 
					行步则动摇，始见于五代
					<br> 
					十国的时候，唐朝非常流
					<br> 
					行。
					<br>

				</p>
			</div>

			<div id='div_peishi1' style="display: none;">
				<img class="tupian" src="./img/acce1.png" />
				<h4 class="h4title">
                柳叶型金手镯
            </h4>
				<p class="pword" >
					唐代手镯也称为臂钏，
					<br> 
					展开为柳叶形状，镯面
					<br> 
					中间宽逐渐向两头收细，
					<br> 
					整体造型简洁大方，成
					<br> 
					色鲜亮。
					<br>
				</p>
			</div>

			<div id='div_peishi2' style="display: none;">
				<img class="tupian" src="./img/acce2-12.png" />
				<h4 class="h4title">
                唐团花纹金花饰
            </h4>
				<p class="pword">
					纹样以花叶纹为主，一
					<br> 
					些花瓣呈圆形而内凹，
					<br> 
					一些花瓣边缘饰短密的
					<br> 
					细阴刻线。花蕊的表示
					<br> 
					呈桃状或椭圆形，花叶
					<br> 
					以大尖叶为多，有些花
					<br> 
					叶似银杏叶而紧密排列，
					<br>
					有些花叶尖部呈旋状。

				</p>
			</div>

			<div id='div_peishi3' style="display: none;">
				<img class="tupian" src="./img/acce3.png"/>
				<h4 class="h4title">
                伎乐飞天纹金栉
            </h4>
				<p class="pword">
					用薄金片镂空錾刻而成，
					<br> 
					马蹄形，下部呈梳齿状，
					<br> 
					栉面上部满饰花纹，中心
					<br> 
					主纹以卷云式蔓草作地，
					<br> 
					上饰两对称的奏乐飞天，
					<br> 
					飞天下方饰一朵如意云纹，
					<br> 
					周边饰多重纹带。
					<br>

				</p>
			</div>

			<div id='div_yifu1' style="display: none;">
				<img class="tupian" src="./img/cloth1_2.png" />
				<h4 class="h4title">
                初唐服饰：
            </h4>
				<p class="pword">
					服饰风格承袭南北朝、隋制，
					<br> 
					崇尚纤，细的身形相对保守。
					<br> 
					宫中嫔妃，多梳高髻、穿大袖
					<br> 
					襦、长裙的裙腰束得极高。贞
					<br> 
					观时代的女子上衣，多为交领
					<br> 
					、圆领，日常一般穿窄袖衫子
					<br> 
					。不论窄袖广袖，裙腰束得都
					<br> 
					很高，甚至束在胸上腋下，几
					<br> 
					近领口。时还会在腰间加束一
					<br> 
					条有腰裙，并大量使用北朝以
					<br> 
					来流行的肩带裙，裙摆宽阔拖
					<br> 
					地。
					<br>

				</p>
			</div>

			<div id='div_yifu2' style="display: none;">
				<img class="tupian" src="./img/cloth2_2.png" />
				<h4 class="h4title">
                盛唐服饰：
            </h4>
				<p class="pword">
					盛唐时期展现在人们面前的
					<br> 
					是充满朝气，令人振奋又使
					<br> 
					人心醉的服饰。其色彩也非
					<br> 
					浓艳不取，各种鲜丽的颜色
					<br> 
					争相媲美，不甘疏落寂寞，
					<br>
					再加上金银杂之，愈显炫人
					<br> 
					眼目。其装饰图案，无不鸟
					<br>
					兽成双，花团锦簇，祥光四
					<br> 
					射，生趣盎然，
					<br>

				</p>
			</div>

			<div id='div_yifu3' style="display: none;">
				<img class="tupian" src="./img/cloth3_2.png"/>
				<h4 class="h4title">
                晚唐服饰：
            </h4>
				<p class="pword">
					襦裙服是汉族女子服饰中非常
					<br> 
					基础的一种款式，宫廷侍女，
					<br>
					 即女子上穿短襦，下着长裙
					<br> 
					（俗称上衣下裳）的传统装束。
					<br> 
					唐女的襦裙装在盛世的影响下
					<br> 
					充分发展，加半臂，佩披帛，
					<br> 
					于是襦裙装成为唐代乃至整个
					<br> 
					中国服饰史中最为精彩而动人
					<br> 
					的一种配套装束。
					<br>

				</p>
			</div>
			</img>

		</ion-side-menu-content>
		<!-- 右侧菜单 -->
		<ion-side-menu id='door' side="right" width="150" style="background-image: url(./img/door.jpg);background-size:150px;background-repeat:no-repeat;">
			<img id='fuGaiDoor' src="./img/space.jpg" style="width: 150px;height: 100%;position: absolute;z-index: 10;opacity: 1.0;display: none;">
			</img>

			<img id='fashi1' src="./img/acce2.png" style="margin-top: 180px;margin-left: 25px;z-index: 11;width: 120px;position: absolute;opacity: 1.0;display: none;">
			</img>

			<img id='fashi2' src="./img/headwear2.png" style="margin-top: 365px;margin-left: 20px;z-index: 11;width: 120px;position: absolute;opacity: 1.0;display: none;">
			</img>

			<img id='fashi3' src="./img/headwear3.png" style="margin-top: 610px;margin-left: 20px;z-index: 11;width: 120px;position: absolute;opacity: 1.0;display: none;">
			</img>

			<img id='faxing1' src="./img/hairstyle1.png" style="margin-top: 130px;margin-left: 15px;z-index: 11;width: 120px;position: absolute;opacity: 1.0;display: none;">
			</img>

			<img id='faxing2' src="./img/hairstyle2.png" style="margin-top: 325px;margin-left: 15px;z-index: 11;width: 120px;position: absolute;opacity: 1.0;display: none;">
			</img>

			<img id='faxing3' src="./img/hairstyle3.png" style="margin-top: 555px;margin-left: 20px;z-index: 11;width: 120px;position: absolute;opacity: 1.0;display: none;">
			</img>

			<img id='peishi1' src="./img/acce1_2.png" style="margin-top: 200px;margin-left: 15px;z-index: 11;width: 120px;position: absolute;opacity: 1.0;display: none;">
			</img>

			<img id='peishi2' src="./img/acce2-2.png" style="margin-top: 405px;margin-left: 15px;z-index: 11;width: 120px;position: absolute;opacity: 1.0;display: none;">
			</img>

			<img id='peishi3' src="./img/acce3_2.png" style="margin-top: 645px;margin-left: 15px;z-index: 11;width: 120px;position: absolute;opacity: 1.0;display: none;">
			</img>

			<img id='yifu1' src="./img/cloth1.png" style="margin-top: 68px;margin-left: 20px;z-index: 11;width: 100px;position: absolute;opacity: 1.0;display: none;">
			</img>

			<img id='yifu2' src="./img/cloth2.png" style="margin-top: 270px;margin-left: 20px;z-index: 11;width: 100px;position: absolute;opacity: 1.0;display: none;">
			</img>

			<img id='yifu3' src="./img/cloth3.png" style="margin-top: 490px;margin-left: 20px;z-index: 11;width: 100px;position: absolute;opacity: 1.0;display: none;">
			</img>
		</ion-side-menu>
	</ion-side-menus>
</ion-content>
</ion-view>